<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登录界面</title>
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/login.css">
	<script src="./js/jquery.min.js"></script>
	<script src="./js/form.js"></script>
</head>
<body>
	<div class="container">
		<!-- 头部logo和导航部分 -->
		<div class="top-content">
			<header>
				<a href="./index.html"><img src="images/logo.png" alt="logo"></a>
				<ul>
					<li><a href="javascript:;">控制台</a></li>
					<li><a href="javascript:;">OA</a></li>
					<li><a href="./login.html" class="active sign">登录</a></li>
				</ul>
			</header>
		</div>

		<!-- 登录注册区域 -->
		<div class="main">
			<div class="main-info">
				<h1>数十万用户的信赖之选</h1>
				<ul>
					<li>节点遍布国内主要区域</li>
					<li>全动态BGP网络</li>
					<li>至强硬件打造强悍性能体验</li>
					<li>技术服务7×24全天响应</li>
				</ul>
			</div>
			<div class="main-form">
				<h2 class="title">用户登录</h2>
				<form action="">
					<label for=""><input type="text" name="username" id="tel" placeholder="请输入手机号"></label>
					<span class="tel-warning warning"></span>
					<label for=""><input type="password" name="password" id="psd" placeholder="请输入密码"></label>
					<span class="psd-warning warning"></span>
					<label for="" class="sign-info"><input type="checkbox" id="">记住登录名<a href="" class="forget-psd">忘记密码?</a></label>
					<label for=""><input id="signIn" type="button" value="立即登录"></label>
					<p class="other">还没有账号？<a href="./register.html" class="sign-up">立即注册</a></p>
				</form>
			</div>
		</div>

		<!-- 底部区域 -->
		<footer>
			<ul>
				<li><a href="">产品</a></li>
				<li><a href="">解决方案</a></li>
				<li><a href="">帮助文档</a></li>
				<li><a href="">友情链接</a></li>
				<li><a href="">关于我们</a></li>
			</ul>
			<p>备案号版权所有 ICP证：蜀B2-20080101</p>
		</footer>
	</div>
</body>
</html>